<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
<div id="app">
  <h1 v-if="score>=90">优秀</h1>
  <h2 v-else-if="score>=80">良好</h2>
  <h2 v-else-if="score>=60">及格</h2>
  <h3 v-else>不及格</h3>
  <div>{{result}}</div>
</div>



<script src="../js/vue.js"></script>
<script>
    const  app = new Vue({
      el:'#app',
      data:{
        score: 99
      },
      computed: {
          result() {
              let showMeg = '';
              if(this.score >= 90){
                  showMeg = '优秀'
              }else if(this.score >=80){
                  showMeg = '良好'
              }else if(this.score >=60){
                  showMeg = '及格'
              }else {
                  showMeg = '不及格'
              }
              return showMeg;
          }

      }
    })
</script>

</body>
</html>